<template>
	<view style="background-color: #f9f9f9;">
		<basetab name='修改手机号'></basetab>
		<view class="m-b-20" v-if="!tag"
			style="width: 100%;padding: 14rpx 32rpx;opacity: 0.3;background: rgba(255, 136, 0, 1);font-size: 24rpx;font-weight: 400;color: rgba(255, 255, 255, 1);">
			更换绑定后可使用新手机号登陆
		</view>
		<view style="padding: 30rpx;">
			<view class="fr-c-d" v-if="tag">
				<image style="width: 400rpx;height: 400rpx;margin-top: 30rpx;" src='../../static/my/phon.png' mode="">
				</image>
				<view class="m-b-40">
					已绑定手机号：186****4566
				</view>
				<view @click="tag=false"
					style="padding: 28rpx 260rpx;border: 2rpx solid rgba(255, 136, 0, 1);  font-size: 32rpx;font-weight: 400;color: rgba(255, 136, 0, 1);">
					更换绑定
				</view>
				<view
					style="position: fixed;bottom: 62rpx;font-size: 24rpx;font-weight: 400;color: rgba(153, 153, 153, 1);">
					为降低账号安全风险，每6个月仅能更好1次，请谨慎修改
				</view>
			</view>
			<view class="" v-else>
				<view class="m-b-20" style="background-color: fff; padding: 10rpx 0;">
					<u--input placeholder="请输入手机号" border="none" v-model="value" @change="change"></u--input>
				</view>
				<view class="fr-b-c" style="background-color: fff; padding: 10rpx 0;">
					<u--input placeholder="请输入验证码" border="none" v-model="Codevalue" @change="Codevaluechange">
					</u--input>
					<view
						style="border-radius: 6rpx; padding: 10rpx 20rpx;font-size: 20rpx;font-weight: 400;color: rgba(153, 153, 153, 1); border: 2px solid rgba(151, 151, 151, 1);            ">
						发送验证码
					</view>
				</view>
				<view class="fl-c">
					<view @click="binding"
						style=" text-align: center;line-height: 80rpx; width: 592rpx;height: 80rpx; border-radius: 50rpx;position: fixed;bottom: 124rpx;font-size: 28rpx;font-weight: 400;color: rgba(255, 255, 255, 1);background: linear-gradient(270deg, rgba(255, 101, 61, 1) 0%, rgba(255, 136, 0, 1) 100%); ">
						立即绑定
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import basetab from '../../componets/bartop.vue'
	export default {
		components: {
			basetab
		},
		data() {
			return {
				tag: true,
				value: '',
				Codevalue: ''
			}
		},
		methods: {
			binding() {
				thhis.tag = true
			},
			change(e) {
				console.log(e);
			},
			Codevaluechange(e) {}

		}
	}
</script>

<style>

</style>
